<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="public/css/normalize.css">
    <!--<link rel="stylesheet" type="text/css" media="screen and (min-width:960px)" href="public/css/1.css">-->
    <!--<link rel="stylesheet" type="text/css" media="screen and (min-width:600px) and (max-width:960px)" href="public/css/2.css">-->
    <link rel="stylesheet" href="public/css/swiper/idangerous.swiper2.7.6.css">

    <link rel="stylesheet" href="public/css/style.css">
    <title></title>

</head>
<body>
<div class="header-wrap">
    <div class="header">
       <img src="public/img/logo.png"/>
        <ul class="nav-wrap">
            <li>首页</li>
            <li class="nav-active">买MINI</li>
            <li>卖MINI</li>
            <li>品质承诺</li>
            <li>金融服务</li>
            <li>联系经销商</li>
        </ul>
        <div class="search">
            <input type="text" name="" id="">
        </div>
    </div>
</div>
    <div class="list-wrap">
        <div class="retrieval-wrap">
            <div class="retrieval">
                <div class="chooseCity">
                    <span class="">所在城市</span>
                    <div class="selectProvince">
                        <div class="select">
                            <p>省份</p>
                            <ul class="option">
                                <li>北京市</li>
                                <li>浙江省</li>
                                <li>上海市</li>
                                <li>上海市</li>
                                <li>上海市</li>
                                <li>上海市</li>
                            </ul>
                        </div>
                    </div>
                    <div class="selectCity">
                        <div class="select">
                            <p>城市</p>
                            <ul class="option">
                                <li>杭州市</li>
                                <li>杭州市</li>
                                <li>杭州市</li>
                                <li>杭州市</li>
                                <li>杭州市</li>
                            </ul>
                        </div>
                    </div>
                    <div class="selectgency">
                        <div class="select">
                            <p>全部经销商</p>
                            <ul class="option">
                                <li>西湖</li>
                                <li>西湖</li>
                                <li>西湖</li>
                                <li>西湖</li>
                                <li>西湖</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="chooseCar">
                    <span class="">选择车型</span>
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide red-slide slideActive">

                                <img src="public/img/3.png" />
                                <p>全部车型</p>
                            </div>
                            <div class="swiper-slide red-slide">

                                <img src="public/img/1.png" />
                                <p>经典MINI五门版</p>
                            </div>
                            <div class="swiper-slide red-slide">

                                <img src="public/img/1.png"/>
                                <p>MINI COUNTRYMAN </p>
                            </div>
                            <div class="swiper-slide red-slide">

                                <img src="public/img/2.png" />
                            </div>
                            <div class="swiper-slide red-slide">

                                <img src="public/img/1.png"/>
                            </div>
                            <div class="swiper-slide red-slide">

                                <img src="public/img/2.png" />
                            </div>
                            <div class="swiper-slide red-slide">

                                <img src="public/img/2.png" />
                            </div>

                        </div>
                        <div class="pagination"></div>
                    </div>
                    <ul class="carModel">
                        <li>不限</li>
                        <li>ONE</li>
                        <li>COOPER</li>
                        <li>COOPER S</li>
                    </ul>
                </div>
                <div class="chooseMoney">
                    <span class="">选择预算</span>

                    <ul>
                        <li>不限</li>
                        <li>20万以下</li>
                        <li>20~40万元</li>
                        <li>40~60万元</li>
                        <li>60万元以上</li>
                    </ul>
                </div>
                <div class="chooseAgo">
                    <span class="">选择车龄</span>
                    <ul>
                        <li>不限</li>
                        <li>1年以下</li>
                        <li>1～3年</li>
                        <li>3～5年</li>
                        <li>5～7年</li>
                        <li>7年以上</li>
                    </ul>
                </div>
                <div class="chooseDistance">
                    <span class="">行驶里程</span>
                    <ul>
                        <li>不限</li>
                        <li>1万公里以内</li>
                        <li>1～3万公里</li>
                        <li>3～5万公里</li>
                        <li>5～12万公里</li>
                        <li>12万公里以上</li>
                    </ul>
                </div>
                <div class="chooseColor">
                    <span class="">选择颜色</span>
                    <ul>
                        <li class="red"></li>
                        <li class="red"></li>
                        <li class="red"></li>
                        <li class="red"></li>
                        <li class="red"></li>
                        <li class="red"></li>
                        <li class="red"></li>
                        <li class="red"></li>
                        <li class="red"></li>
                        <li class="red"></li>
                        <li class="red"></li>
                        <li class="red"></li>
                        <li class="red"></li>
                        <li class="red"></li>
                        <li class="red"></li>

                    </ul>
                </div>
                <div class="chooseonfigure">
                    <span class="">选择配置</span>
                    <ul>
                        <li>
                            <div class="checkBox">
                                <div></div>
                            </div>
                            <span>牛津绿色</span>
                        </li>
                        <li>
                            <div class="checkBox">
                                <div></div>
                            </div>
                            <span>牛津绿色</span>
                        </li> <li>
                        <div class="checkBox">
                            <div></div>
                        </div>
                        <span>牛津绿色</span>
                    </li> <li>
                        <div class="checkBox">
                            <div></div>
                        </div>
                        <span>牛津绿色</span>
                    </li>
                        <li class="checkBox-checked">
                            <div class="checkBox">
                                <div><div></div></div>
                            </div>
                            <span>牛津红色</span>
                        </li>
                    </ul>
                </div>
                <div class="chooseOther">
                    <span class="">其他</span>
                    <ul>
                        <li>不限</li>
                        <li>只看在售</li>
                    </ul>
                </div>
                <div class="openMore">
                    <span>收起选项</span>
                </div>
            </div>
        </div>
        <div class="numberPrompt">
            <span class="heng"></span>
            <span>&nbsp;共有16辆MINI有潜力成为您家一员&nbsp;</span>
            <span class="heng"></span>
        </div>
        <div class="carslist-wrap">
            <div class="carslist">
                <ul class="carslistNav">
                    <li>全部</li>
                    <li class="carslistNavCheck">价格
                        <div class="switch">
                            <div class="top"></div>
                            <div class="drop"></div>
                        </div>
                    </li>
                    <li>车龄</li>
                    <li>里程</li>
                </ul>
                <div class="carsBox-wrap">
                    <div class="carItemBox">
                        <div class="catItem">
                            <div class="carImg">
                                <div class="contrast">
                                    <img src="public/img/dui.png" height="28" width="64"/>
                                </div>
                                <div class="authentication">
                                    <img src="public/img/rz.png" height="60" width="59"/>
                                </div>
                                <img src="public/img/car.jpg"/>
                            </div>
                            <div class="carContent">
                                <p class="carTitleOne">经典MINI三门版 ONE</p>
                                <p class="carTitleTwo">2011款 BAKER STREET Package</p>
                                <div class="carMoneyWrap">
                                    <span class="carMoneyOne">¥248,000</span>
                                    <span class="carMoneyTwo">月供：¥5,591元</span>
                                </div>
                                <div class="carStatus">
                                    <span class="carAgo">2015年</span>&nbsp;|&nbsp;
                                    <span class="drivingistance">31,900公里</span>
                                </div>
                                <p class="PlaceSale">上海宝诚二手车中心</p>
                            </div>
                        </div>
                    </div>
                    <div class="carItemBox">
                        <div class="catItem">
                            <div class="carImg">
                                <img src="public/img/car.jpg"/>
                            </div>
                            <div class="carContent">
                                <p class="carTitleOne">经典MINI三门版 ONE</p>
                                <p class="carTitleTwo">2011款 BAKER STREET Package</p>
                                <div class="carMoneyWrap">
                                    <span class="carMoneyOne">¥248,000</span>
                                    <span class="carMoneyTwo">月供：¥5,591元</span>
                                </div>
                                <div class="carStatus">
                                    <span class="carAgo">2015年</span>&nbsp;|&nbsp;
                                    <span class="drivingistance">31,900公里</span>
                                </div>
                                <p class="PlaceSale">上海宝诚二手车中心</p>
                            </div>
                        </div>
                    </div>
                    <div class="carItemBox">
                        <div class="catItem">
                            <div class="carImg">
                                <img src="public/img/car.jpg"/>
                            </div>
                            <div class="carContent">
                                <p class="carTitleOne">经典MINI三门版 ONE</p>
                                <p class="carTitleTwo">2011款 BAKER STREET Package</p>
                                <div class="carMoneyWrap">
                                    <span class="carMoneyOne">¥248,000</span>
                                    <span class="carMoneyTwo">月供：¥5,591元</span>
                                </div>
                                <div class="carStatus">
                                    <span class="carAgo">2015年</span>&nbsp;|&nbsp;
                                    <span class="drivingistance">31,900公里</span>
                                </div>
                                <p class="PlaceSale">上海宝诚二手车中心</p>
                            </div>
                        </div>
                    </div>
                    <div class="carItemBox">
                        <div class="catItem">
                            <div class="carImg">
                                <img src="public/img/car.jpg"/>
                            </div>
                            <div class="carContent">
                                <p class="carTitleOne">经典MINI三门版 ONE</p>
                                <p class="carTitleTwo">2011款 BAKER STREET Package</p>
                                <div class="carMoneyWrap">
                                    <span class="carMoneyOne">¥248,000</span>
                                    <span class="carMoneyTwo">月供：¥5,591元</span>
                                </div>
                                <div class="carStatus">
                                    <span class="carAgo">2015年</span>&nbsp;|&nbsp;
                                    <span class="drivingistance">31,900公里</span>
                                </div>
                                <p class="PlaceSale">上海宝诚二手车中心</p>
                            </div>
                        </div>
                    </div>
                    <div class="carItemBox">
                        <div class="catItem">
                            <div class="carImg">
                                <img src="public/img/car.jpg"/>
                            </div>
                            <div class="carContent">
                                <p class="carTitleOne">经典MINI三门版 ONE</p>
                                <p class="carTitleTwo">2011款 BAKER STREET Package</p>
                                <div class="carMoneyWrap">
                                    <span class="carMoneyOne">¥248,000</span>
                                    <span class="carMoneyTwo">月供：¥5,591元</span>
                                </div>
                                <div class="carStatus">
                                    <span class="carAgo">2015年</span>&nbsp;|&nbsp;
                                    <span class="drivingistance">31,900公里</span>
                                </div>
                                <p class="PlaceSale">上海宝诚二手车中心</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="pagingWrap">
                    <span class="pagLeft">
                        <img src="public/img/left1.png"/>
                    </span>
                    <div>
                        <span>1</span>
                        /
                        <span>8</span>
                    </div>
                    <span class="pagRight">
                        <img src="public/img/right2.png" />
                    </span>
                </div>
            </div>
        </div>
        <div class="numberPrompt">
            <span class="heng"></span>
            <span>&nbsp;推荐车型&nbsp;</span>
            <span class="heng"></span>
        </div>
        <div class="recommend-wrap">
            <div class="carslist">
                <div class="heng-pro"></div>
                <div class="carsBox-wrap">
                    <div class="carItemBox cartItemCheck">
                        <div class="catItem">
                            <div class="carImg">
                                <div class="contrast">
                                    <img src="public/img/dui.png" height="28" width="64"/>
                                </div>
                                <div class="authentication">
                                    <img src="public/img/rz.png" height="60" width="59"/>
                                </div>
                                <img src="public/img/car.jpg"/>
                            </div>
                            <div class="carContent">
                                <p class="carTitleOne">经典MINI三门版 ONE</p>
                                <p class="carTitleTwo">2011款 BAKER STREET Package</p>
                                <div class="carMoneyWrap">
                                    <span class="carMoneyOne">¥248,000</span>
                                    <span class="carMoneyTwo">月供：¥5,591元</span>
                                </div>
                                <div class="carStatus">
                                    <span class="carAgo">2015年</span>&nbsp;|&nbsp;
                                    <span class="drivingistance">31,900公里</span>
                                </div>
                                <p class="PlaceSale">上海宝诚二手车中心</p>
                            </div>
                        </div>
                    </div>
                    <div class="carItemBox">
                        <div class="catItem">
                            <div class="carImg">
                                <img src="public/img/car.jpg"/>
                            </div>
                            <div class="carContent">
                                <p class="carTitleOne">经典MINI三门版 ONE</p>
                                <p class="carTitleTwo">2011款 BAKER STREET Package</p>
                                <div class="carMoneyWrap">
                                    <span class="carMoneyOne">¥248,000</span>
                                    <span class="carMoneyTwo">月供：¥5,591元</span>
                                </div>
                                <div class="carStatus">
                                    <span class="carAgo">2015年</span>&nbsp;|&nbsp;
                                    <span class="drivingistance">31,900公里</span>
                                </div>
                                <p class="PlaceSale">上海宝诚二手车中心</p>
                            </div>
                        </div>
                    </div>
                    <div class="carItemBox">
                        <div class="catItem">
                            <div class="carImg">
                                <img src="public/img/car.jpg"/>
                            </div>
                            <div class="carContent">
                                <p class="carTitleOne">经典MINI三门版 ONE</p>
                                <p class="carTitleTwo">2011款 BAKER STREET Package</p>
                                <div class="carMoneyWrap">
                                    <span class="carMoneyOne">¥248,000</span>
                                    <span class="carMoneyTwo">月供：¥5,591元</span>
                                </div>
                                <div class="carStatus">
                                    <span class="carAgo">2015年</span>&nbsp;|&nbsp;
                                    <span class="drivingistance">31,900公里</span>
                                </div>
                                <p class="PlaceSale">上海宝诚二手车中心</p>
                            </div>
                        </div>
                    </div>
                    <div class="carItemBox">
                        <div class="catItem">
                            <div class="carImg">
                                <img src="public/img/car.jpg"/>
                            </div>
                            <div class="carContent">
                                <p class="carTitleOne">经典MINI三门版 ONE</p>
                                <p class="carTitleTwo">2011款 BAKER STREET Package</p>
                                <div class="carMoneyWrap">
                                    <span class="carMoneyOne">¥248,000</span>
                                    <span class="carMoneyTwo">月供：¥5,591元</span>
                                </div>
                                <div class="carStatus">
                                    <span class="carAgo">2015年</span>&nbsp;|&nbsp;
                                    <span class="drivingistance">31,900公里</span>
                                </div>
                                <p class="PlaceSale">上海宝诚二手车中心</p>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
<div class="footer-wrap">
    <div class="footer">

        <ul class="footerNav-wrap">
            <li>联络MINI</li>
            <li class="nav-active">法律声明</li>
            <li>常见问题解答</li>
            <li>BMW集团网站</li>
            <li>MINI.COM</li>
        </ul>
        <div class="phone">
            <img src="public/img/icon-tel.gif" height="26" width="26"/>
            <span>400-800-6699</span>
            <span>京ICP备08004883号</span>
        </div>
    </div>
</div>
<script src="./public/js/jq/jquery-1.10.1.min.js"></script>
<script src="public/js/swiper/idangerous.swiper.js"></script>
<script src="./public/js/list.js"></script>
</body>
</html>

